﻿/* 字体 */
/* 引入eot 和 ttf */
@font-face {
    font-family: 'BOLD';/*字体名称*/
    src: url('../fonts/akzidenzgrotesk-bold.eot');/*字体源文件*/
    src: url('../fonts/akzidenzgrotesk-bold.ttf');/*字体源文件*/
    font-family: 'LIGHT';/*字体名称*/
    src: url('../fonts/akzidenzgrotesk-light.eot');/*字体源文件*/
    src: url('../fonts/akzidenzgrotesk-light.ttf');/*字体源文件*/
    font-family: 'MEDIUM';/*字体名称*/
    src: url('../fonts/akzidenzgrotesk-medium.eot');/*字体源文件*/
    src: url('../fonts/akzidenzgrotesk-medium.ttf');/*字体源文件*/
    font-family: 'THIN';/*字体名称*/
    src: url('../fonts/helveticaneuece-thin.eot');/*字体源文件*/
    src: url('../fonts/helveticaneuece-thin.ttf');/*字体源文件*/
    font-family: 'Regular';/*字体名称*/
    src: url('../fonts/helvetica ce regular.eot');/*字体源文件*/
    src: url('../fonts/helvetica ce regular.ttf');/*字体源文件*/
}

/*页头*/
body {
    min-width: 1200px;
}

a {
    text-decoration: none;
    color: #000;
}

button {
    outline: none;
    width: 77px;
    border: none;
    cursor: pointer;
    background: #d9d9d9;
    padding: 8px;
    font-size: 20px;
    margin-left: 34px;
    border-radius: 50px

}

header {
    width: 100%;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .inner {
    padding: 0 80px;
    width: 100%;
    min-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .h-left img {
    width: 119px;
    /* height: 25px; */
}

header .h-right {
    width: 728px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .h-right span {
    font-size: 16px;
    font-family: BOLD;
}

header .h-right select {
    font-family: THIN;
    width: 99px;
    height: 30px;
    font-size: 16px;
    border: solid 1px #cacaca;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/2.jpg) no-repeat 80px center transparent;
    background-size: 8px;
    padding: 3px 12px;
}

/* 首页 */

.home {
    color: #959595;
}

.home .img {
    width: 100%;
    height: 55.6vw;
    position: relative;
}

.home .img img {
    width: 100%;
}

.home .img > div {
    position: absolute;
    width: 100%;
    bottom: 46px;
    display: flex;
    justify-content: center
}

.home .img > div button {
    border: 3px solid #535353;
    width: 158px;
    font-weight: bolder;
    height: 44px;
    border-radius: 20px;
    background-color: transparent;
    color: #535353;
}

.home .video {
    width: 100%;
    height: 28.6vw;
    position: relative;
    display: flex;
    justify-content: center;
    background: url(../images/4_o.jpg);
    background-size: 100%;
}

.home .video > img {
    width: 100%;
}

.home .addText {
    width: 1200px;
    margin: 0 auto;
}

.home .addText h1 {
    font-family: 'MEDIUM';
    margin-top: 130px;
    font-size: 88px;
    text-align: center;
    color: black;
}

.home .addText h2 {
    margin-top: 45px;
    font-family: 'Regular';
    font-size: 30px;
    text-align: center;
    color: black;
}

.home .addText p {
    color: #818181;
    font-size: 27px;
    line-height: 45px;
    text-align: justify;

}

.home .addText :nth-child(3) {
    margin-top: 98px
}

.home .addText :nth-child(4) {
    margin-top: 57px
}

.home .addText :nth-child(5) {
    margin-top: 56px
}

.video-playbody {
    width: 100vw;
    height: 100vh;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.video-playbody > :nth-child(1) {
    position: absolute;
    top: 9px;
    right: 39px;
    color: white;
    font-size: 45px;
    background: transparent;
    border: none;
}

.video-playbody > :nth-child(2) {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .slide {
    width: 1200px;
    margin: 0 auto;
    height: 458px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.home .slide h1 {
    color: #0D0D0D;
    margin-top: 67px;
    font-size: 24px;
    font-family: MEDIUM;
}

.home .slide-inner {
    width: 1002px;
    height: 204px;
    margin-top: 98px;
}

.home .swiper-slide {
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.home .swiper-slide p {
    font-family: MEDIUM;
}

.home .swiper-slide div {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .play {
    position: absolute;
    top: 35%;
    left: 39%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home .play h1 {
    font-size: 30px;
    margin-bottom: 35px;
    color: white;
}

.home .prev {
    left: 0;
    top: 280px;
    background-image: url("../images/5.jpg");
}

.home .next {
    right: 0;
    top: 280px;
    background-image: url("../images/6.jpg");
}

.home .text {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    margin: 150px auto 150px;
}

.home .text > div {
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
}

.home .text > div img {
    width: 100px;
}

.home .text > div h1 {
    font-size: 25px;
    margin-top: 50px;
    font-family: MEDIUM;
}

.home .text > div p {
    margin-top: 50px;
    text-align: justify;
    font-size: 13px;
    font-family: LIGHT;
    line-height: 25px;
    color: #797979;
}

/* 投票 */

.ico-div {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ico-div h1 {
    text-align: center;
    font-size: 33px;
    margin-top: 100px;
    font-family: MEDIUM;
}

.ico-set {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 104px;
    margin-bottom: 100px;
}

.line {
    width: 100%;
    /* height: 175px; */
    display: flex;
    justify-content: flex-start;
    margin-bottom: 46px;
    flex-wrap: wrap;
}

.one-ico {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 29px;
}

.one-ico div {
    width: 92px;
    height: 92px;
    /* background: url('../images/9.jpg') no-repeat center; */
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/*div遮罩*/
.one-shade {
    position: absolute;
    background: transparent;
}

.one-ico > div > p {
    display: none;
}

.one-ico > p {
    margin-top: 12px;
}

.one-ico p {
    text-align: center;
    width: 89px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

/* 报名 */

.form {
    width: 800px;
    margin: 0 auto;
    color: #6b6b6b;
    margin-top: 100px;
}

.form .post {
    font-family:
}

.form input,
textarea {
    border: 1px solid #a2a2a2;
    border-radius: 5px;
}

.form textarea {
    width: 516px;
}

.form input {
    height: 30px;
}

.form h1 {
    color: #000;
    letter-spacing: 7px;
    font-size: 20px;
    font-weight: bold;
    font-family: MEDIUM;
}

.form h2 {
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.form .h2-title1 {
    margin-top: 53px;
}

.form .input1 {
    margin-top: 20px;
    width: 393px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form .input1 span {
    margin-left: 104px;
    margin-right: 14px;
}

.form .img {
    width: 652px;
    height: 174px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.form .img img {
    width: 66px;
    height: 66px;
    margin-top: 110px;
}

.form .img > div {
    position: relative;
    width: 573px;
}

/* .form .img>div > :nth-child(2) {
    width: 325px;
    height: 100%;
    position: absolute;
    left: 160px;
    background-color: #f4f5f9;
} */

.form .img > div :nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
}

.form .input2 {
    margin-top: 30px;
    width: 393px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .h2-title2 {
    margin-top: 104px;
}

.form .input3 {
    margin-top: 20px;
    width: 330px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .input4 {
    margin-top: 30px;
    width: 330px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .h2-title3 {
    margin-top: 96px;
}

.form textarea {
    width: 100%;
    resize: none;
    vertical-align: top;
    margin-left: 2px;
}

.form .textarea1 {
    margin-top: 20px;
    width: 730px;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.textarea1 p {
    margin: 10px;
}

.form .textarea2 {
    margin-top: 20px;
    width: 730px;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.textarea2 p {
    margin: 10px;
}

.form .input5 {
    margin-top: 55px;
    width: 183px;
    margin-left: 154px;
}

.form .input5 label {
    display: flex;
    align-items: center;
}

.form .seccode {
    width: 365px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 158px;
    margin-top: 20px;
}

.form .seccode img {
    width: 42px;
    /* height: 100%; */
    display: none;
}

.form .seccode input {
    width: 80px;
}

.form .submit {
    margin: 56px 0 150px 156px;
    background-color: transparent;
    border: 1px solid #d0433b;
    color: #d0433b;
}

/* 规则详情 */

.det {
    width: 1200px;
    margin: 150px auto;
}

.det h1 {
    font-size: 30px;
    color: #000000;
    margin-bottom: 110px;
    text-align: center;
    font-family: MEDIUM;
}

.det p {
    font-size: 25px;
    color: #797979;
    line-height: 45px;
    margin-bottom: 148px;
    text-align: justify;
    font-family: LIGHT;
}

/* 节点详情 */

.node-det {
    width: 1200px;
    margin: 150px auto;
    color: #797979;
    display: flex;
    flex-direction: column;
}

.node-det .img-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.node-det .img-text img {
    width: 523px;
    height: 256px;
}

.node-det .img-text > div {
    margin-top: 28px;
    width: 540px;
}

.node-det .img-text > div h1 {
    font-size: 48px;
    color: black;
}

.node-det .img-text > div sub {
    font-size: 18px;
}

.node-det .img-text > div p {
    margin-top: 56px;
    margin-bottom: 36px;
    line-height: 32px;
}

.node-det .img-text > div u {
    color: #c6c2d5;
}

.node-det > p {
    margin-top: 98px;
    text-align: justify;
    line-height: 40px;
    font-size: 20px;
}

.node-det button {
    width: 118px;
    height: 45px;
    border: 2px solid #cfcdce;
    color: #e4e4e4;
    margin: 214px auto 47px;
    border-radius: 10px;
    font-size: 22px;
    background: transparent;
}

/*弹窗*/
.div-tc {
    width: 100%;
}

.div-tc > div {
    margin: 0 auto;
    width: 80%;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-tc > div h1 {
    margin-top: 87px;
    font-size: 33px;
}

.div-tc > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.div-tc > div p {
    margin-top: 87px;
    font-size: 26px;
    width: 700px;
    color: #797979;
    line-height: 38px;
}

.enter {
    display: flex;
    flex-direction: row !important;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 140px;
}

/*成功页面*/
.succeed_page {
    width: 1000px;
    margin: 0 auto;
    margin-top: 82px;
}

.succeed_page h1 {
    font-size: 34px;
}

.succeed_page > :nth-child(1) {
    font-size: 34px;
}

.succeed_page > :nth-child(3) {
    margin-top: 97px;
}

.succeed_page .left {
    width: 354px;
    height: 354px;
    border: 1px solid black;
}

.succeed_page .right {
    width: 354px;
    height: 354px;
    margin-right: 118px;
    /*border: 1px solid black;*/
}

.succeed_page .right h2 {
    margin-top: 55px;
}

.succeed_page .succeed_page_c {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.succeed_page p {
    margin-top: 92px;
    line-height: 50px;
    margin-bottom: 80px;
}

/* 页底 */

footer {
    width: 100%;
    background: url("../images/8.jpg") no-repeat;
    color: white;
    padding: 131px 0 64px;
}

footer #footer {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /*padding: 214px 0 136px;*/
}

footer .left {
    width: 506px;
}

footer .one {
    line-height: 27px;
    width: 370px;
    font-family: LIGHT;
}

footer .two {
    color: #b3b3b3;
    margin-top: 40px;
    font-family: LIGHT;
}

footer h1 {
    font-size: 19px;
    font-family: MEDIUM;
}

footer .red-div {
    width: 39px;
    height: 12px;
    background: #d0433b;
    margin: 18px 0 30px;
}

footer .right {
    width: 332px;
}

footer .ico {
    display: flex;
    justify-content: space-between;
}